$(function(){
   var w = $(window).width();
   $('.box ul li').width(w);
   //克隆第一张放到ul中最后
   var tag = $('.box ul li:first').clone();
   $('.box ul').append(tag);

   $('.box ol li').click(function(event) {
      $(this).addClass('current').siblings('li').removeClass('current');
      var index = $(this).index();
      boxNum=index;
      $('.box ul').stop().animate({left:-index*w}, 500);
   });
   
	var length = $('.box ul li').length - 1;
// 	alert(length);
   //自动播放
   function autoPlay(){
      boxNum++;
      if(boxNum > length){
         //如果播放到最后一张，最后一张的编号为4
         //下一张再播放，需要先定位第一张（0），再继续播放从0到1
         $('.box ul').css({left:0});
         //下次要播放1
         boxNum=1;
      }

      $('.box ol li').eq(boxNum).addClass('current').siblings('li').removeClass('current');

      $('.box ul').stop().animate({left:-boxNum*w}, 500);
      if(boxNum == length){
         $('.box ol li').eq(0).addClass('current').siblings('li').removeClass('current');
      }
   }
    //向左播放
   function prevPlay(){
      boxNum--;
      if(boxNum < 0){
         //迅速切换到最后一张
         $('.box ul').css({left:-length*w});
         boxNum = length - 1;
      }
      $('.box ol li').eq(boxNum).addClass('current').siblings('li').removeClass('current');

      $('.box ul').stop().animate({left:-boxNum*w}, 500);
      if(boxNum == length){
         $('.box ol li').eq(0).addClass('current').siblings('li').removeClass('current');
      }
   }
	
	$('.box span').css({
		display:'none'
	})
   var boxTimer = null;
   var boxNum=0;
   boxTimer = setInterval(autoPlay,4000);
   $('.big').hover(function() {
      clearInterval(boxTimer);
      $('.box span').fadeIn(300);
   }, function() {
      clearInterval(boxTimer);
      boxTimer = setInterval(autoPlay,4000);
      $('.box span').fadeOut(300);
   });

   $('.box .right').click(function(event) {
      autoPlay();
   });
   $('.box .left').click(function(event) {
      prevPlay();
   });
   
   
// 缩略图
   var sw = $('.lunbo').width();  //屏幕宽
   var lw = $('ol li').width();  //ol li宽
// alert(lw)
   var ollength = $('ol li').length * (lw + 5);  //ol总宽
   var Wnum = Math.ceil(ollength / sw);    //屏数
// alert(Wnum)
   var cuNum = 0;
   var cunSw;
   $('.smallRight').click(function(){
   		cuNum -= 1;  //向右
   		if( cuNum < -(Wnum - 1)){
   			$(this).css({cursor:'text'})
// 			alert("已经到最左边了，请点击想右的箭头，");
// 			var atag = $('.box ol li').clone();
// 			$('.box .lunbo ol').append(atag);
		cuNum = 0;
   		}
   		else{
   			cunSw = cuNum * sw;  //left  负值
   			$('ol').animate({left:cunSw}, 500);
   		}
   		
   })
   $('.smallLeft').click(function(){
   		cuNum += 1;
   		if( cuNum > 0){
// 			alert()
			$(this).css({cursor:'text'})
			$('ol').animate({left:0}, 500);
			cuNum = 0;
   		}
   		else{
	   		cunSw = cuNum * sw;
	   		$('ol').animate({left:cunSw}, 500);
   		}
   })
// 定时器
	setTimeout(function(){
		$('em,ol,.lunbo').animate({opacity:0}, 1000);
	},4000);

	$('ol').hover(function(){
		$('em,ol,.lunbo').stop().animate({opacity:1}, 1000);
	},function(){
		$('em,ol,.lunbo').stop().animate({opacity:0}, 1000);
	})


})